<script setup>
import { ref } from "vue";
</script>

<template>
  <a-carousel>
    <div><h3>1</h3></div>
    <div><h3>2</h3></div>
    <div><h3>3</h3></div>
    <div><h3>4</h3></div>
  </a-carousel>
</template>

<style lang='less' scoped>
.ant-carousel :deep(.slick-slide) {
  text-align: center;
  height: 420px;
  line-height: 420px;
  background: #364d79;
  overflow: hidden;
}
</style>